<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<f:view xmlns="http://www.w3.org/1999/xhtml"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:p="http://primefaces.org/ui"
        xmlns:pm="http://primefaces.org/mobile"
        contentType="text/html"
        renderKitId="PRIMEFACES_MOBILE">

    <ui:composition template="/template.xhtml">
        <ui:define name="content">

            <!-- Main View -->
            <div align="center">
                <p:scrollPanel>
                    <pm:view id="placas">

                        <pm:content>
                            <div align="center">
                                <br/>
                                <br/>
                                <h1>Placas de Sinalização</h1>
                                <br/>
                                <br/>
                            </div>
                            <div align="justify">
                                Tem por finalidade informar aos usuários das condições, proibições, obrigações ou restrições no uso das vias. 
                                Suas mensagens são imperativas e seu desrespeito constitui infração.
                            </div>
                        </pm:content>

                        <br/>
                        <p align="center" style="margin-top: auto; padding-top: 0px">
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_001.gif" width="89" height="127"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_002.gif" width="93" height="119"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_003.gif" width="91" height="128"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_004.gif" width="91" height="128"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_005.gif" width="91" height="127"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_006.gif" width="91" height="127"/>
                        </p>

                        <p align="center" style="margin-top: auto; padding-top: 0px">
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_007.gif" width="91" height="127"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_008.gif" width="91" height="127"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_009.gif" width="91" height="128"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_010.gif" width="91" height="128"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_011.gif" width="91" height="128"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_012.gif" width="91" height="130"/>
                        </p>

                        <p align="center" style="margin-top: auto; padding-top: 0px">
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_013.gif" width="111" height="128"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_014.gif" width="116" height="128"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_015.gif" width="91" height="128"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_016.gif" width="91" height="128"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_017.gif" width="91" height="129"/><h:outputText value="    "/> 
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_018.gif" width="91" height="129"/>
                        </p>

                        <p align="center" style="margin-top: auto; padding-top: 0px"> 
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_019.gif" width="91" height="129"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_020.gif" width="91" height="129"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_021.gif" width="103" height="128"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_022.gif" width="91" height="129"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_023.gif" width="105" height="134"/> <h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_024.gif" width="91" height="118"/>
                        </p>

                        <p align="center" style="margin-top: auto; padding-top: 0px">
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_025.gif" width="91" height="128"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_026.gif" width="91" height="127"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_027.gif" width="91" height="127"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_028.gif" width="91" height="127"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_029.gif" width="95" height="119"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_030.gif" width="91" height="119"/>
                        </p>

                        <p align="center" style="margin-top: auto; padding-top: 0px"> 
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_031.gif" width="91" height="128"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_032.gif" width="91" height="128"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_033.gif" width="91" height="117"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_034.gif" width="149" height="129"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_035.gif" width="91" height="128"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_036.gif" width="91" height="129"/>
                        </p>

                        <p align="center" style="margin-top: auto; padding-top: 0px"> 
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_037.gif" width="91" height="128"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_038.gif" width="91" height="128"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_039.gif" width="93" height="130"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_040.gif" width="91" height="128"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_041.gif" width="93" height="133"/>
                        </p>

                        <p align="center" style="margin-top: auto; padding-top: 0px">
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_042.gif" width="121" height="155"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_043.gif" width="119" height="155"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_044.gif" width="135" height="207"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/plt_045.gif" width="143" height="275"/>
                        </p>
                        <br/>
                        <br/>
                        <pm:content>
                            <div align="center">
                                <h1>Placas de Advertência</h1>
                                <br/>
                                <br/>
                            </div>
                            <div align="justify">
                                Tem por finalidade alertar aos usuários da via para condições potencialmente perigosas, indicando sua natureza.
                                Suas mensagens possuem caráter de recomendação.
                            </div>
                        </pm:content>

                        <p align="center" style="margin-top: auto; padding-top: 0px">
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_001.gif" width="102" height="142"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_002.gif" width="102" height="142"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_003.gif" width="102" height="133"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_004.gif" width="102" height="133"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_005.gif" width="112" height="139"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_006.gif" width="102" height="139"/>
                        </p>

                        <p align="center" style="margin-top: auto; padding-top: 0px">
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_007.gif" width="102" height="139"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_008.gif" width="102" height="139"/> <h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_009.gif" width="102" height="130"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_010.gif" width="103" height="130"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_011.gif" width="102" height="128"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_012.gif" width="102" height="130"/>
                        </p>

                        <p align="center" style="margin-top: auto; padding-top: 0px">
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_013.gif" width="102" height="141"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_014.gif" width="107" height="137"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_015.gif" width="107" height="137"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_016.gif" width="102" height="139"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_017.gif" width="102" height="139"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_018.gif" width="102" height="151"/>
                        </p>

                        <p align="center" style="margin-top: auto; padding-top: 0px">
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_019.gif" width="102" height="148"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_020.gif" width="102" height="141"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_021.gif" width="102" height="128"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_022.gif" width="106" height="128"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_023.gif" width="102" height="128"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_024.gif" width="102" height="138"/>
                        </p>

                        <p align="center" style="margin-top: auto; padding-top: 0px">
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_025.gif" width="102" height="130"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_026.gif" width="102" height="130"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_027.gif" width="102" height="132"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_028.gif" width="102" height="132"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_029.gif" width="102" height="131"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_030.gif" width="102" height="131"/>
                        </p>

                        <p align="center" style="margin-top: auto; padding-top: 0px">
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_031.gif" width="102" height="141"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_032.gif" width="102" height="141"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_033.gif" width="102" height="139"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_034.gif" width="102" height="129"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_035.gif" width="102" height="131"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_036.gif" width="102" height="126"/>
                        </p>

                        <p align="center" style="margin-top: auto; padding-top: 0px">
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_037.gif" width="103" height="128"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_038.gif" width="108" height="80"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_039.gif" width="108" height="79"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_040.gif" width="119" height="128"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_041.gif" width="102" height="129"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_042.gif" width="102" height="130"/>
                        </p>

                        <p align="center" style="margin-top: auto; padding-top: 0px">
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_043.gif" width="102" height="129"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_044.gif" width="102" height="131"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_045.gif" width="102" height="130"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_046.gif" width="102" height="141"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_047.gif" width="102" height="132"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_048.gif" width="102" height="141"/>
                        </p>

                        <p align="center" style="margin-top: auto; padding-top: 0px">
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_049.gif" width="102" height="131"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_050.gif" width="102" height="131"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_051.gif" width="102" height="131"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_052.gif" width="102" height="131"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_053.gif" width="103" height="128"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_054.gif" width="102" height="140"/>
                        </p>

                        <p align="center" style="margin-top: auto; padding-top: 0px">
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_055.gif" width="102" height="140"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_056.gif" width="116" height="93"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_057.gif" width="102" height="128"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_058.gif" width="102" height="127"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_059.gif" width="102" height="127"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_060.gif" width="102" height="127"/>
                        </p>

                        <p align="center" style="margin-top: auto; padding-top: 0px">
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_061.gif" width="102" height="128"/><h:outputText value="    "/>
                            <p:graphicImage url="..#{facesContext.externalContext.requestContextPath}/mobile/imagens/adv_062.gif" width="102" height="129"/>
                        </p>
                    </pm:view>
                </p:scrollPanel>
            </div>
        </ui:define>
    </ui:composition>

</f:view>